<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<!-- 使用Chrome内核 -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<!-- 适合在移动设备和PC上进行浏览 -->
	<meta name="applicable-device" content="pc,mobile">
	<!-- user-scalable:用户是否可以手动缩放 -->
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
	<!--禁止百度移动转码-->
	<meta http-equiv="Cache-Control" content="no-siteapp">
	<meta http-equiv="Cache-Control" content="no-transform">
	<!-- 苹果专用,隐藏默认的苹果工具栏和菜单栏 -->
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-title" content="业务中心">
	<title>业务中心</title>
	<meta name="keywords" content="关键词">
	<meta name="description" content="描述">

	<!-- head 中 -->
	<link rel="stylesheet" href="css/weui.min.css">
	<link rel="stylesheet" href="css/jquery-weui.min.css">
	<link rel="stylesheet" href="css/global.css">
	<link rel="stylesheet" href="css/main.css">


</head>

<body ontouchstart>

	<!-- 主体内容区域 -->
	<div class="container">
		<!-- 头部 -->
		<header class="page__hd">
			<a href="javascript:history.back();" class="icon pull-left">
				<i class="iconfont icon-back"></i>
			</a>
			<h1 class="title">业务中心</h1>
			<a href="javascript:viod();" class="icon pull-right">
				<i class="iconfont icon-search"></i>
			</a>
		</header>

		<!-- 内容 -->
		<div class="page__bd">

			<div class="weui-cell user-place">
				<div class="weui-cell__hd" style="position: relative;margin-right: 10px;">
					<img class="user-avatar" src="https://jqweui.cn/images/github.png" style="width: 50px;display: block">
					<span class="weui-badge" style="position: absolute;top: -.4em;right: -.4em;">8</span>
				</div>
				<div class="weui-cell__bd user-info" style="flex: 1.4;">
					<p>欢迎您，华华测试</p>
					<div class="weui-form-preview__item">
						<label class="weui-form-preview__label">所属公司:</label>
						<span class="weui-form-preview__value">无</span>
					</div>
					<div class="weui-form-preview__item">
						<label class="weui-form-preview__label">绑定手机号:</label>
						<span class="weui-form-preview__value">13800138000</span>
					</div>
					<div class="weui-form-preview__item">
						<label class="weui-form-preview__label">绑定身份证:</label>
						<span class="weui-form-preview__value">无</span>
					</div>
				</div>
				<div class="weui-cell__bd user-info" style="margin-left: 5px;">
					<div class="weui-form-preview__item">
						<label class="weui-form-preview__label">注册类型:</label>
						<span class="weui-form-preview__value">经纪人</span>
					</div>
					<div class="weui-form-preview__item">
						<label class="weui-form-preview__label">微信号:</label>
						<span class="weui-form-preview__value">无</span>
					</div>
				</div>
			</div>


			<div class="weui-form-preview info-place">

				<div class="weui-flex">
					<div class="weui-flex__item">
						<a class="weui-cell weui-cell_access" href="javascript:;">
							<div class="weui-cell__hd icon">
								<i class="iconfont icon-shenfenxinxi"></i>
							</div>
							<div class="weui-cell__bd weui-cell_primary text">
								<p>身份证实名认证</p>
							</div>
						</a>
					</div>
					<div class="weui-flex__item">
						<a class="weui-cell weui-cell_access" href="javascript:;">
							<div class="weui-cell__hd icon">
								<i class="iconfont icon-weixin"></i>
							</div>
							<div class="weui-cell__bd weui-cell_primary text">
								<p>微信绑定</p>
							</div>
						</a>
					</div>
				</div>

				<div class="weui-flex">
					<div class="weui-flex__item desc">
						<div class="placeholder">注:未实名认证或微信绑定的，无法使用其它功能</div>
					</div>
				</div>
				
				<div class="weui-flex">
					<div class="weui-flex__item desc">
						<div class="placeholder">一经绑定将无法修改，请认真填写</div>
					</div>
				</div>

			</div>



		</div>

	</div>


	</div>


	<!--底部固定导航 开始-->
	<div class="weui-tabbar">
		<a href="javascript:;" class="weui-tabbar__item weui-bar__item--on">
			<span class="weui-badge" style="position: absolute;top: -.4em;right: 1em;">8</span>
			<div class="weui-tabbar__icon">
				<img src="img/tab_0.png" alt="">
			</div>
			<p class="weui-tabbar__label">历史申请</p>
		</a>
		<a href="javascript:;" class="weui-tabbar__item">
			<div class="weui-tabbar__icon">
				<img src="img/top_2.png" alt="">
			</div>
			<p class="weui-tabbar__label">修改密码</p>
		</a>
		<a href="javascript:;" class="weui-tabbar__item">
			<div class="weui-tabbar__icon">
				<img src="img/top_3.png" alt="">
			</div>
			<p class="weui-tabbar__label">安全退出</p>
		</a>
	</div>
	</div>
	<!--底部固定导航 结束-->

</body>
<!-- body 最后 -->
<script src="js/zepto.min.js"></script>
<!-- <script src="js/jquery.min.js"></script> -->
<script src="js/jquery-weui.min.js"></script>

</html>
